﻿body{
	margin:0px;
	font-size:12px;
	font-family: 'Microsoft YaHei','黑体','Tahoma';
	background:#dcf3ee url(../images/bg.jpg);
	/*background-attachment: fixed;*/
	color:#333;
	padding-bottom:1em;
}
ul,form,li,p,h1,h2,h3,h4,dd,dl{
	margin:0px;
	padding:0px;
	list-style:none
	}
img{ border:none}	
li{
	list-style:none;
	}
a{
	color: #000;
	text-decoration: none;
	}
.content{
	width:960px;
	margin:0 auto;
	z-index:100;
	position:relative
	}
.head{
	background:url(../images/logo.png) 0px 17px no-repeat;
	width:960px;
	height:124px;
	position:relative;
	}
.head1{
	width:155px;
	position:absolute;
	right:30px;
	top:100px;
	right:20px;
	
	z-index:20
	}
.head1 a{color:#fff;}
.searchArea{ background:url(../images/searchinput.jpg) no-repeat; width:200px; height:21px; padding-left:10px; position:absolute; top:60px; right:0px;}
.searchArea .sear{ background:none; border:none; padding:0; margin:0; line-height:10px; height:16px;font-size:12px; width:160px; float:left}
.head2{
	width:190px;
	position:absolute;
	right:210px;
	top:59px;
	text-align:right;
	padding-right:5px
	}
.menu{
	background-image:url(../images/menu_bj.jpg);
	width:960px;
	height:32px;
	bottom:0px;
	right:0px;
	position:absolute;
	}
.menu ul{
	text-align:left;
	}
.menu li{
	float:left;
	
	color:#FFF;
	text-align:center;
	background-image: url(../images/menu_middle.gif);
	background-position: right;
	background-repeat: no-repeat;
	}
.menu li.last{ background:none}	
.menu li a{
	width:137px;
	height:32px;
	line-height:32px;
	font-size:14px;
	color: #494949;
	text-decoration: none;
	height:32px;
	display:block;
	font-family: 'Microsoft YaHei','黑体','Tahoma';
	}
.menu li a:hover,.menu li a.current{
	color: #fff;
	text-decoration: none;
	background:url(../images/menu_hover.gif) repeat-x;
	
	}	
.menu .sousuo{
	float:left;
	background-image:none;
	width:188px;
	padding-top:3px;
	padding-left:20px;
	}
.menu .inputbox{
	width:100px;
	height:13px;
	}
.menu .inputbottom{
	width:40px;
	border:0px;
	}
.flash_box{
	width:960px;
	background:#fff;
	}
.contentbody{
	background-image:url(../images/body_bj.jpg);
	background-repeat: no-repeat;
	width:960px;
	height:160px;
	position: relative;
	padding:6px 0;
	}
.contentbody .links{
	width:140px;
	height:258px;
	position:absolute;
	bottom:0px;
	z-index:1px;
	}
.contentbody .links .linksname{
	padding-top:10px;
	padding-left:15px;
	width:125px;
	height:95px;
	font-size:12px;
	font-weight:bold;
	color:#130075;
	}

.contentbody .pro{
	width:630px;
	height:158px;
	position:absolute;
	top:8px;
	left:10px;
	z-index:1px;
	}
.contentbody .pro .proname{
	padding-top:10px;
	padding-left:5px;
	width:452px;
	height:24px;
	font-size:12px;
	font-weight:bold;
	color:#130075;
	}
.contentbody .pro span{
margin-left:340px;
	} 
.contentbody .pro ul{
	}
.contentbody .pro li{
	float:left;
	width:130px;
	height:152px;
	background:url(../images/probg.png) no-repeat;
	overflow:hidden;
	position:relative;
	padding:4px 0 0 190px
	}
.contentbody .pro img{
	position:absolute;
	left:24px;
	top:10px;
	}
.contentbody .pro li .showname {
	font-size:12px;
	color:#130075;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	}
.contentbody .pro li a .showname{
	color:#469f04;
	text-decoration: none;
	line-height:150%;
}

.contentbody .pro li a .showbody
{
    display:block;
    overflow:hidden;
    _zoom:1;
    width:110px;
    height:110px;
    white-space:normal;
}
.contentbody .news{
	width:308px;
	height:161px;
	position:absolute;
	left:648px;
	top:8px;
	z-index:1px;
	}
.contentbody .news p{
	padding-top:4px;
	}
.contentbody .news .newsname li{
	width:79px;
	height:16px;
	background-image:url(../images/newbj2.jpg);
	float:left;
	text-align:center;
	padding-top:5px;
	color:#545454;
	}
.contentbody .news .newsname .on1{
	width:79px;
	height:16px;
	background-image:url(../images/newbj1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color:#FFF;
	}
.contentbody .news  .newtopleft{
	float:left;
	width:104px;
	overflow:hidden
	}
	
.contentbody .news  .newtopleft img {
	border:1px solid #d1d1d1;
	margin:10px 10px 10px 10px;
	}
	
.contentbody .news  .newtopright{
	width:220px;
	float:right;
	margin:10px;
	height:86px;
	border-bottom:1px solid #c5c5c5;
	overflow:hidden;
	display:inline
	
}
.contentbody .news  .newtopright .more1{ position:absolute; bottom:0px; right:12px}
.contentbody .news  .newtopright span{
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

.contentbody .news .newlist li{
	float:none;
	background-image:none;
	margin-top:10px;
	margin-left:10px;
	position:relative;
	padding-left:10px;
	}
.contentbody .news .newlist li span{ position:absolute; right:10px; top:0; font-size:12px; font-family:Arial, Helvetica, sans-serif}	
.footerNav{ line-height:24px; height:24px; border:1px solid #ccc; border-width:1px 0; margin:10px auto; padding:0 10px; position:relative;  width:940px; z-index:6}
.footer{ width:100%; position:relative; float:left;}
.footer span{ position:absolute; right:10px; top:0}

.more{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#130075}
.more1{ font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#130075}


#mainBox{  float:left; overflow:hidden;display:block;_zoom:1;background-color:#fff;}

/*secondpage*/
.contentTxt{ line-height:34px;}
.location{ height:37px;line-height:27px; padding-left:27px; background:#f5f5f5 url(../images/location.png) left top no-repeat; width:740px}
.leftBox{ width:160px; float:left; background:#f7f7f7; padding:4px}
.rightBox{ width:790px; float:right; overflow:hidden; x-flow:auto; border:1px solid #fff; background:#fff; padding-top:6px;}
.productList li{ border-bottom:1px  dashed #d1d0d6; padding-bottom:40px}
.leftMenu li a{ display:block;background:#626363 url(../images/dot3.jpg) 5px 10px no-repeat; line-height:32px; padding-left:22px; border-bottom:1px solid #fff;color:#fff;}
.leftMenu li li a{ background:#fff url(../images/dot.gif) no-repeat 10px 10px; border-bottom:1px  dotted #ccc; color:#666}
.leftMenu li li a:hover{ background:#f7f7f7 url(../images/dot.gif) no-repeat 10px 10px; color:#f60}
.leftMenu li ul{ display:none}

.leftMenua li a{ display:block;background:#58ac00 url(../images/arrow.png) 15px 5px no-repeat; line-height:32px; padding-left:49px; border-bottom:1px solid #fff;color:#fff; font-size:14px; font-weight:bold; overflow:hidden}
.leftMenua li li a{ background:#fff url(../images/dot4.gif) no-repeat 20px 10px; border-bottom:1px  dotted #ccc; padding-left:45px; color:#666;font-size:12px; overflow:hidden ; height:32px; overflow:hidden}
.leftMenua li li a:hover,.leftMenua li li a.current{ background:#f7f7f7 url(../images/dot4.gif) no-repeat 20px 10px; color:#f60}
.leftMenua li li li a{ background:#fff url(../images/dot4.gif) no-repeat 40px 10px;padding-left:50px; font-weight:normal}
.leftMenua li li li a:hover,.leftMenua li li li a.current{ background:#f7f7f7 url(../images/dot4.gif) no-repeat 40px 10px; color:#f60}


.contentTxt{ padding:15px}
/*page style*/
.clearFix{ clear:both}
#page{text-align:center;margin:10px 0; float:left}
#page a{border:1px solid #dedede; padding:2px 4px; background:#f7f7f7; font-size:10px}
#page a:hover{background:#fa9704;}
#page input.subm{ border:none;background:#fa9704; color:#fff;}


/*news*/
.newsList li{border-bottom:1px  dashed #ccc; position: relative; line-height:30px; background:url(../images/dot3.gif) left center no-repeat; padding-left:10px}
.newsList li span{color:#474747; font-size:10px; position:absolute; right:4px; top:0}
.newsList li.hover,.jobList tr.hover{background:#fa9704;}
.newsList li.hover span,.newsList li.hover a{color:#fff;}
.download li span{ background:url(../images/download.gif) left center no-repeat; padding:5px 0 5px 20px;}

/*produtdetail*/
.contentsTxt{padding:15px;line-height:26px; min-height:300px}
.bigImg{text-align:center;}
.bigImg img{ border:1px solid #dedede; padding:2px;}
.proNames{ text-align:center; font-size:14px; font-weight:bold}
.contentsTxt h4{background:#f7f7f7; line-height:30px; border-bottom:1px solid #ccc; margin:1em 0; padding-left:5px;}
#ulabs{  background: url("../images/product_16.jpg") repeat-x scroll 0 0 transparent;
    height: 23px;
    width: 380px; }
#ulabs ul{list-style:none; float:left; display:inline; padding:0px; margin:0px 0px 0px 10px; }
#ulabs ul li{   background: url("../images/product_15.jpg") no-repeat scroll 0 0 transparent;color: #000000;cursor: pointer;
    float: left;
    height: 23px;
    line-height: 23px;
    margin-left: 0;
    text-align: center;
    width: 90px;
}
#ulabs ul .now{background: url("../images/product_14.jpg") no-repeat scroll 0 0 transparent;
    color: #4aa503;
    font-size: 12px;
    font-weight: 900;
    margin-left: 0;
    width: 90px;}
.delbox{float:left; width:308px; display:none; padding:20px; }
.delpis{float:left; display:inline; margin:0px 0px 10px 12px; width:140px; border:1px solid #e3e3e3;}
.proList li{float: left;height: 260px; padding: 0 8px 20px;width: 170px; position:relative}
.proList li p a{ text-align:center;   background: url("../images/t1.jpg") no-repeat scroll 0 0 transparent;border-radius: 5px 5px 5px 5px;color: #4cad05;padding: 10px 0;position: relative; font-size:14px;text-align: center;z-index: 99; display:block; line-height:6px}
.info_box {
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    cursor: pointer;
    height: 230px;
    left: 8px;
	filter:alpha(opacity=55);opacity:0.55;
    position: absolute;
    top: 0;
    width: 167px;
	background:#000;
	display:none;
}
.info_box dd {
    line-height: 20px;
}
.info_box dt {
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
}

.proList li .showname{ font-weight:bold}
#menu li{ position:relative;}
#menu li ul{ display:none;overflow:hidden;position:absolute; top:32px; left:0; background:#e7f3f6;border:1px solid #fff; border-width:0 1px 1px 1px;}
#menu li ul a{padding:0;background:url(../images/menu3.jpg) left -5px no-repeat;display:block;width:150px; height:20px; line-height:20px; text-align:left; padding-left:30px;color:#505050;margin:0;font-weight:normal; font-size:12px}
#menu li ul a:hover{ background:url(../images/menu4.jpg) no-repeat left -5px;color:#4cb331}
.menu li li{ background:none; width:150px}
.sea{ width:100%; position:absolute;bottom:-20px; left:0; height:430px;z-index:0;}
.contentbody .pro  .left img,.contentbody .pro  .right img{ border:none}
.contentbody .pro  .left { position:absolute; left:12px; top:30%;}
.contentbody .pro  .right { position:absolute; right:10px; top:30%;}


/*append*/
.homeflash{height:385px;}
.hotNews{height:23px; background:url(../images/hotnews.gif) no-repeat; line-height:23px;padding-left:100px; position:relative}
.hotNews .lefta{background:url(../images/left.gif) left center no-repeat;width:7px;height:23px;display:block;float:left}
.hotNews .righta{background:url(../images/right.gif) left center no-repeat;width:7px; height:23px;display:block;float:left; padding-right:15px}
.hotNews span{ float:left; line-height:23px; padding:0 3px}
.hotNews .more{ float:left;text-indent:25px;width:100px;}
.hotNews .more a{color:#58ac00; font-size:12px;}
.hotNews .items a{width:700px;display:block;float:left; overflow:hidden;_zoom:1;}
.flashkuang{ padding:10px 0}
.info_box dl {
    margin: 10px;
}
.next,.pre{
	position:absolute;
	top: 7px;
	z-index:1000
}
.next{ left:0;}
.pre{ left:632px;}
.titls2{ font-size:20px; color:#4AA503; line-height:150%;}


.titleAndDateList li{  
	border-bottom:1px dashed #ccc;
	line-height:26px;
}
.titleAndDateList li a{
	display:block;
}
.titleAndDateList li a:hover{
}
.titleAndDateList li span{
	float:right;
	margin-right:15px;
}

.aspNetPager{margin-top:10px;margin-bottom:10px;display:block;_zoom:1;overflow:hidden;clear:both;}
.aspNetPager .pageIndexBox{width:25px;margin-left:3px;border:1px solid #ccc;}
.aspNetPager .pageIndexButton{border:1px solid #888;cursor:pointer;height:20px;padding:0px 3px 0px 3px;margin-left:3px;}
.aspNetPager .customHtml{line-height:26px;}
.aspNetPager .pagingButtons{}
.aspNetPager .aspNetPager{padding:0px;margin:0px;clear:none;}

.newsTitle{text-align:center;font-size:18px;font-family: "MicroSoft YaHei","SimHei";padding-top:10px;}
.newsSendDate{text-align:center;}
.newsImage{text-align:center;}

.inputTable{width:100%;}
.inputTable td{padding:5px;line-height:25px;}
.inputTable td.title{font-weight:bold;text-align:right;width:150px;}

.txtCenter{ text-align:center;}

/* ------------------    begin  清浮动 （目前最好的方法） --------------- */
.clearfix:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
